So i basically have a script when I can click Checkboxes, Divs appear. But if I change the "checkbox" to "radio", and then click different radios, it wont hide the divs that appeared before...

        <script type="text/javascript">
        $(document).ready(function() {
            $('input[type="radio"]').click(function() {
                var inputValue = $(this).attr("value");
                $("." + inputValue).toggle(); 
            });
        });
    </script>

How to I change it so the divs disappear when the radio is unselected because I select another radio?

Thanks for your help